/*  idTabs ~ Sean Catchpole  */


/* Style for Usual tabs */
.usual {
	margin:-15px 2px 2px 2px;		
}
.usual ul {margin-left:-42px; }
.usual li { list-style:none; float:left;}
.usual ul a 
{	
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px 1px 0 1px;
  margin-left:0;
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#FFF; 
  background-color: #0099ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00CCff 0%), to(#0099ff 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #00CCff 0%, #0099ff 50%, #0066ff 50%, #0066ff 100%);
  background-image: -moz-linear-gradient(top, #00CCff 0%, #0099ff 50%, #0066ff 50%, #0066ff 100%);
  background-image: -ms-linear-gradient(top, #00CCff 0%, #0099ff 50%, #0066ff 50%, #0066ff 100%);
  background-image: -o-linear-gradient(top, #00CCff 0%, #0099ff 50%, #0066ff 50%, #0066ff 100%);
  background-image: linear-gradient(top, #00CCff 0%, #0099ff 50%, #0066ff 50%, #0066ff 100%);
  border-top: 1px solid #1f58cc;
  border-right: 1px solid #1b4db3;
  border-bottom: 1px solid #174299;
  border-left: 1px solid #1b4db3;
}
.usual ul a:hover 
{	
  color:#FFF;
  background:#00CCff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5d89e8 0%), to(#2261e0 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #33d7ff 0%, #00CCff 50%, #0099ff 50%, #0099ff 100%);
  background-image: -moz-linear-gradient(top, #33d7ff 0%, #00CCff 50%, #0099ff 50%, #0099ff 100%);
  background-image: -ms-linear-gradient(top, #33d7ff 0%, #00CCff 50%, #0099ff 50%, #0099ff 100%);
  background-image: -o-linear-gradient(top, #33d7ff 0%, #00CCff 50%, #0099ff 50%, #0099ff 100%);
  background-image: linear-gradient(top, #33d7ff 0%, #00CCff 50%, #0099ff 50%, #0099ff 100%);
  cursor: pointer; 
}
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:#fff;
  border-bottom:1px solid white;
  cursor:default;
  }
.usual div 
{
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:#fff;
  font:normal 12px Arial, Helvetica, sans-serif;
  margin-top:-5px;
  margin-left:-2px;
}
.usual div a { color:#000; font-weight:bold; }

/*content news*/
.usual .title_news{ margin-left:-5px; font:bold 15px Arial, Helvetica, sans-serif; color:#0066ff}
.usual .create_date{font:italic 11px Arial, Helvetica, sans-serif; color:#00CCff}
.usual .images_news_home{background:url(../images/bg_img_news_home.png) no-repeat; width:120px; height:100px; margin-right:10px;}
.usual .images_news_listnews{background:url(../images/bg_img_detail.png) no-repeat; width:157px; height:135px; margin-right:10px;}
.usual img { width:110px; height:88px; margin-left:5px; }
.usual .link_detail {text-decoration:none; color:#0066ff; font:italic 11px Arial, Helvetica, sans-serif; float:right; margin-right:10px; margin-top:10px;}
.usual .link_detail:hover {color:#0099ff;}
.usual .other_news{margin-top:0px;}
.usual .other_news li{background-image:url(../images/row_3.gif); background-repeat:no-repeat; background-position:5px;}
.usual .other_news li a{ margin-left:10px; background:none; border:none; font:italic 11px Arial, Helvetica, sans-serif; color:#000; line-height:8px}
.usual .other_news li a:hover{ background:none; border:none; color:#0099ff}

.button 
{
  display :block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px 1px 0 1px;
  margin-left:0;
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#FFF; 
  background-color: #0099ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00CCff 0%), to(#0099ff 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #00CCff 0%, #0099ff 50%, #0066ff 50%, #0066ff 100%);
  background-image: -moz-linear-gradient(top, #00CCff 0%, #0099ff 50%, #0066ff 50%, #0066ff 100%);
  background-image: -ms-linear-gradient(top, #00CCff 0%, #0099ff 50%, #0066ff 50%, #0066ff 100%);
  background-image: -o-linear-gradient(top, #00CCff 0%, #0099ff 50%, #0066ff 50%, #0066ff 100%);
  background-image: linear-gradient(top, #00CCff 0%, #0099ff 50%, #0066ff 50%, #0066ff 100%);
  border-top: 1px solid #1f58cc;
  border-right: 1px solid #1b4db3;
  border-bottom: 1px solid #174299;
  border-left: 1px solid #1b4db3;}
  
.button:hover{color:#FFF;
  background:#00CCff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5d89e8 0%), to(#2261e0 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #33d7ff 0%, #00CCff 50%, #0099ff 50%, #0099ff 100%);
  background-image: -moz-linear-gradient(top, #33d7ff 0%, #00CCff 50%, #0099ff 50%, #0099ff 100%);
  background-image: -ms-linear-gradient(top, #33d7ff 0%, #00CCff 50%, #0099ff 50%, #0099ff 100%);
  background-image: -o-linear-gradient(top, #33d7ff 0%, #00CCff 50%, #0099ff 50%, #0099ff 100%);
  background-image: linear-gradient(top, #33d7ff 0%, #00CCff 50%, #0099ff 50%, #0099ff 100%);
  cursor: pointer;}

